<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>博主 - {$config.system_name}</title>
    <meta name="keywords" content="博主,{$config.system_name}"/>
    <meta name="description" content="李清波个人博客的博主页"/>
    <!--Main style css-->
    <link rel="stylesheet" href="__STATIC__/css/style.css">
    <!--Active Color css-->
    <link rel="stylesheet" href="__STATIC__/css/default-colors.css">
    <!--Responsive style css-->
    <link rel="stylesheet" href="__STATIC__/css/responsive.css">
</head>

<body class="bodypadding">
    <!--Preloader-->
    <div class="preloader"><i class="icon-spin2"></i>
    </div>
    <!--END Preloader-->
    <!--ScrollTop Btn-->
    <!--END ScrollTop Btn-->
    <div class="scroll_up gutengard_btn"><i class="icon-up-open-big"></i>
    </div>
    <!--Mobile Menu-->
    {include file="common:mobile_nav" /}
    <!--END Mobile Menu-->
    <!--Search-->
    {include file="common:searchform" /}
    <!--END Search-->
    <!--Float Sidebar-->
    {include file="common:float_bar_site" /}
    <!--END Float Sidebar-->
    {include file="common:header" /}
    <div class="page_container_wrapper">
        <div class="container no_padding">
            <div class="row">
                <div class="col-lg-3">
                    <div class="author_card clearfix">
                        <div class="author_card_imag_name">
                            <div class="author_card_imag">
                                <img src="{$config.portrait}" alt="{$config.linkman}">
                            </div>
                            <div class="author_name">{$config.system_name}</div>
                            <div class="author_articles">{$count} 篇</div>
                            <div class="author_socials"><a href="#"><span class="icon-facebook"></span></a><a href="#"><span class="icon-twitter"></span></a>
                            </div>
                        </div>
                        <div class="short_autord_desc">
                            <!-- <h5 class="author_about">简介</h5> -->
                            <p>{$config.remarks}</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9">
                    {volist name="list" id="vo"}
                        <div class="blog_list_post one_col_post clearfix">
                            <!--Post Box-->
                            <div class="blog_post_box clearfix">
                                <div class="blog_post_item">
                                    <h2 class="post_name"><a href="{$vo.url}">{$vo.title}</a></h2>
                                    <div class="post_data"><span class="category">{$vo.category_name}</span><span class="comments_count"><i class="fas fa-comments"></i>{$vo.comments}</span><span class="reviews_count"><i class="fas fa-eye"></i>{$vo.clicks}</span></div>
                                    <div class="short_desc_post">
                                        <p>{$vo.description}</p>
                                    </div>
                                    <div class="seea_more"><a href="{$vo.url}">查看详情<i class="icon-right-open-big"></i></a>
                                    </div>
                                </div>
                                <div class="blog_post_item_image postbg12">
                                    <div class="post_data_cr"><span class="day">{$vo.update_time|date='d'}</span>
                                        <div class="month">{$vo.update_time|date='m'}</div>
                                        <div class="year">{$vo.update_time|date='Y'}</div>
                                    </div>
                                    <a href="{$vo.url}" class="post_link_image">
                                        <img src="{$vo.thumb}" alt="">
                                    </a>
                                </div>
                            </div>
                            <!--END Post Box-->
                        </div>
                    {/volist}


                    <!-- <div class="text-center btn_loadmore"><a href="#" class="btn_gurd btn_gurd_trp btn_gurd_i loadmore_btn">Load More <i class="fas fa-spinner"></i></a>

                    </div> -->

                    <!--Pagination-->
        <div class="text-center">
            <nav class="page_pagination_wrapper margin50_0_0_0">
                {$page|raw}
            </nav>
        </div>
        <!--END Pagination-->

        

                </div>
            </div>
        </div>
    </div>
    {include file="common:footer" /}
    <!-- JS -->
    <!--jQuery 1.12.4 google link-->
    <script src="__STATIC__/js/jquery.min.js"></script>
    <!--Bootstrap 4.1.0-->
    <script src="__STATIC__/js/bootstrap.min.js"></script>
    <!--jquery.magnific-popup-->
    <script src="__STATIC__/js/jquery.magnific-popup.min.js"></script>
    <!--OWL Carousel-->
    <script src="__STATIC__/js/owl.carousel.min.js"></script>
    <!--Custom js-->
    <script src="__STATIC__/js/custom.js"></script>
</body>

</html>